/* Import the reindeer theme. */
/* This only allows us to use the mixins defined in it and does not add any styles by itself. */
@import "../reindeer/reindeer.scss";

/* This contains all of your theme. */
/* If somebody wants to extend the theme she will include this mixin. */
@mixin mytheme {
    /* Include all the styles from the reindeer theme */
    @include reindeer;
    
    .v-verticallayout{
        background:  dimgray;
    }

    .v-verticallayout-backgroundLayer{
        background-image:url('images/Grey-website-background.jpg');
    }

    .v-verticallayout-categoryLayer{
        margin-top: 10px;
        border-radius: 10px;
    }

    .v-verticallayout-contentLayer{
        margin-top: 10px;
        margin-left: 10px;
        border-radius: 10px;
    }

    .v-horizontallayout{
        background-color: dimgray;
    }

    .v-horizontallayout-headerLayer{
        border-radius: 10px;
    }

    .v-button{
        white-space: normal;
    }

    .v-horizontallayout-menuLayer{
        margin-top: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .v-horizontallayout-userLayer{
        margin-top: 3px;
        padding-left: 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
}